<template lang="html">
  <div class="main">
    <el-steps :space="120" :active="3" finish-status="success" class="step-bar">
      <el-step title="上传应用"></el-step>
      <el-step title="完善资料"></el-step>
      <el-step title="审核通过"></el-step>
      <el-step title="设置上线"></el-step>
    </el-steps>
    <div class="content-wrapper">
      <div class="icon-waiting">
        <img src="../../../../assets/check-mark.svg" alt="">
      </div>
      <div class="text">
        <h3>审核通过</h3>
        <p>本次审核已经通过,</p>
        <p>应用将通过您审核前选择的方式进行上线</p>
      </div>
      <p class="tip">提示:我们将在2-7个工作日内完成审核,审核完成前您可以取消审核</p>
    </div>
    <div class="button-group">
      <router-link to="/application/app-entry/entry-list">
        <el-button type="primary" @click="backToAppList">返回列表</el-button>
      </router-link>
    </div>
  </div>
</template>

<script>
  export default {
    methods:{
      backToAppList(){
        this.$router.push('/application/app-entry/entry-list')
      }
    }
  }
</script>

<style lang="scss" scoped>
  .main{
    padding: 0 40px;
    .step-bar{
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 40px 0;
    }
    .content-wrapper{
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 80px 0;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      .icon-waiting{
        width: 70px;
        height: 70px;
        margin-right: 20px;
        img{
          width: 100%;
          height: 100%;
        }
      }
      .tip{
        position: absolute;
        bottom: 20px;
        margin-bottom: 0;
      }
    }
    .button-group{
      display: flex;
      justify-content: center;
      margin-top: 40px;
    }
  }
</style>
